<template>
  <div>
    <li v-for="(item, xb) in dt" class="sss" :key="xb" @click="qw()">
      <span v-if="inp">{{ item }}</span>
      <input v-else type="text" name="" id="" />
    </li>
  </div>
</template>

<script>
export default {
  props: ["dt"],
  data() {
    return {
      inp: 1,
    };
  },
  methods: {
    qw() {
    this._data.inp=0
    },
  },
};
</script>

<style>
.sss {
  width: 12%;
  height: 100%;
  background-color: rgb(243, 233, 242);
  float: left;
  text-align: center;
}

</style>